<!-- <template>
  <view class="page flex-col">
    <view class="box_1 flex-row">
      <view class="block_1 ">
        <view class="group_2 flex-row justify-between">
          <view class="group_3 flex-col">
            <view class="group_4 flex-row" @click="orderList">
              <view class="image-text_1 flex-col">
                <image
                  class="label_1"
                  referrerpolicy="no-referrer"
                  src="../../static/order-images/icon_order_buy.png"
                />
                <text class="text-group_1">购买云机</text>
              </view>
            </view>
            <view class="group_5 flex-row" @click="queryOrder">
              <view class="image-text_2 flex-col">
                <image
                  class="label_2"
                  referrerpolicy="no-referrer"
                  src="../../static/order-images/icon_order.png"
                />
                <text class="text-group_2">我的订单</text>
              </view>
            </view>
          </view>
          <view class="group_6 flex-col" >
            <view class="group_7 flex-row" @click="orderinvite">
              <view class="image-text_3 flex-col">
                <image
                  class="label_3"
                  referrerpolicy="no-referrer"
                  src="../../static/order-images/icon_order_relationship@2x.png"
                />
                <text class="text-group_3">我的团队</text>
              </view>
            </view>
			
			
			<view class="group_8 flex-row" @click="wallet">
			  <view class="image-text_4 flex-col">
			    <image
			      class="label_4"
			      referrerpolicy="no-referrer"
			      src="../../static/order-images/icon_order_wallet@2x.png"
			    />
			    <text class="text-group_4">钱包</text>
			  </view>
			</view>
          </view>
		  
        </view>
      </view>
    </view>
  </view>
</template> -->
<template>
 <view class="page flex-col">
      <view class="box_1 flex-col">
        <view class="box_2 flex-col">
          <view class="box_3 flex-row">
            <span class="text_1">9:41</span>
            <img
              class="thumbnail_1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbc8b065cb049f3558ed13cee883f7ebb4208566613d62057412ff18adb258d03"
            />
            <img
              class="thumbnail_2"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge2d0210b0e3c9c22cdd72f51a0b2c53768cc7d90ef6a325508602b5e17d0fe30"
            />
            <img
              class="image_1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng94453512b80fc09beef7531f197aa618ef23723c1db4743928447c71bed4cb28"
            />
          </view>
          <view class="nav-bar_1 flex-col">
            <span class="text_2">曦联云</span>
          </view>
          <view class="box_4 flex-col">
            <view class="image-text_1 flex-row justify-between">
              <view class="single-avatar_1 flex-col"></view>
              <view class="text-group_1 flex-col">
                <span class="text_3">这是团队名称</span>
                <span class="text_4">当前等级：一级分公司</span>
              </view>
            </view>
            <view class="group_1 flex-row justify-between">
              <view class="text-group_2 flex-col">
                <span class="text_5">总业绩</span>
                <span class="text_6">{{achievementnum}}</span>
              </view>
              <view class="text-group_3 flex-col">
                <span class="text_7">总人数</span>
                <span class="text_8">{{peoplenum}}</span>
              </view>
            </view>
          </view>
          <view class="box_5 flex-col">
            <span class="text_9">数据看板</span>
            <view class="grid_1 flex-row">
              <view class="text-group_4-0 flex-col">
                <span class="text_9-0">数据看板</span>
                <span class="text_10-0">渠道</span>
                <span class="text_11-0">{{teamChannelsnum}}</span>
              </view>
              <view class="text-group_4-1 flex-col">
                <span class="text_10-1">托管收益</span>
                <span class="text_11-1">2.5%</span>
              </view>
              <view class="text-group_4-2 flex-col">
                <span class="text_10-2">数据名称</span>
                <span class="text_11-2">684</span>
              </view>
              <view class="text-group_4-3 flex-col">
                <span class="text_10-3">数据名称</span>
                <span class="text_11-3">54634</span>
              </view>
              <view class="text-group_4-4 flex-col">
                <span class="text_10-4">数据名称</span>
                <span class="text_11-4">456</span>
              </view>
              <view class="text-group_4-5 flex-col">
                <span class="text_10-5">数据名称</span>
                <span class="text_11-5">6745</span>
              </view>
              <view class="text-group_4-6 flex-col">
                <span class="text_10-6">数据名称</span>
                <span class="text_11-6">684</span>
              </view>
              <view class="text-group_4-7 flex-col">
                <span class="text_10-7">数据名称</span>
                <span class="text_11-7">54634</span>
              </view>
            </view>
          </view>
        </view>
        <view class="chart_1 flex-col">
          <view class="tabs_1 flex-col">
            <view class="group_2 flex-row justify-between">
              <view class="text-wrapper_1 flex-col">
                <span class="text_12">时数据</span>
              </view>
              <view class="text-wrapper_2 flex-col">
                <span class="text_13">日数据</span>
              </view>
              <view class="text-wrapper_3 flex-col">
                <span class="text_14">月数据</span>
              </view>
              <view class="text-wrapper_4 flex-col">
                <span class="text_15">年数据</span>
              </view>
            </view>
          </view>
          <view class="box_6 flex-row justify-between">
            <span class="text_16">1.8</span>
            <img
              class="image_2"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng93776d06a1ff59b93662000f7cab7669b7007071a01c38120fd54d61dad53d1d"
            />
          </view>
          <view class="box_7 flex-row justify-between">
            <span class="text_17">1.5</span>
            <img
              class="image_3"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng93776d06a1ff59b93662000f7cab7669b7007071a01c38120fd54d61dad53d1d"
            />
          </view>
          <view class="box_8 flex-row justify-between">
            <span class="text_18">1.2</span>
            <img
              class="image_4"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng93776d06a1ff59b93662000f7cab7669b7007071a01c38120fd54d61dad53d1d"
            />
          </view>
          <view class="box_9 flex-row justify-between">
            <span class="text_19">0.9</span>
            <img
              class="image_5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng93776d06a1ff59b93662000f7cab7669b7007071a01c38120fd54d61dad53d1d"
            />
          </view>
          <view class="box_10 flex-row justify-between">
            <span class="text_20">0.6</span>
            <img
              class="image_6"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng93776d06a1ff59b93662000f7cab7669b7007071a01c38120fd54d61dad53d1d"
            />
          </view>
          <span class="text_21">0.3</span>
          <view class="box_11 flex-row justify-between">
            <span class="text_22">0</span>
            <img
              class="image_7"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng548edf358da75bef52850ed425620db84720649719bf9f4e77880705bf8074c2"
            />
          </view>
          <view class="text-wrapper_5 flex-row justify-between">
            <span class="text_23">0时</span> <span class="text_24">4时</span>
            <span class="text_25">8时</span> <span class="text_26">12时</span>
            <span class="text_27">16时</span> <span class="text_28">20时</span>
          </view>
          <view class="box_12 flex-col">
            <img
              class="image_8"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng93776d06a1ff59b93662000f7cab7669b7007071a01c38120fd54d61dad53d1d"
            />
            <view class="group_3 flex-col">
              <img
                class="image_9"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb7509c5c208283c2ecb4be8754c378eb0c59e000e2a73f4f3317158e84d8030f"
              />
              <view class="block_1 flex-col"></view>
            </view>
          </view>
          <view class="text-wrapper_6 flex-col">
            <span class="text_29">0.5</span>
          </view>
        </view>
        <view class="tab-bar_1 flex-col">
          <view class="section_1 flex-row justify-between">
            <view class="tab-bar-item_1 flex-col">
              <img
                class="icon_1"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfbaf1966a22195edf17de672491d15c5a3f1578b97080e2c0cc8eb7d1cfd4da7"
              />
              <span class="text_30">首页</span>
            </view>
            <view class="tab-bar-item_2 flex-col">
              <img
                class="icon_2"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4df33e105fbc19ecbaa9adf91644335fc98e6f049b27f8ad94fbb6cfe05c18f6"
              />
              <span class="text_31">代理</span>
            </view>
            <view class="tab-bar-item_3 flex-col">
              <img
                class="icon_3"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc0133c5500df10063fd141ec06a0d2a8ec403552dc04bd14d7e3d906defd2666"
              />
              <span class="text_32">我的</span>
            </view>
          </view>
          <view class="section_2 flex-row">
            <view class="home-indicator_1 flex-col"></view>
          </view>
        </view>
      </view>
    </view>
</template>



<script>
	import { achievementNum,peopleNum,teamChannelsNum } from '../../api/system/index.js'
	import { userID } from '../../api/system/user.js'
	export default {
		data() {
			return {
				// 总业绩
				achievementnum:0,
				// 总人数
				peoplenum:0,
				// 团队渠道
				teamChannelsnum:0	        
			}
		},
		mounted(){
			this.getAchievementNum()
			this.getPeopleNum()
			this.getteamChannelsNum()
		},
		methods: {
			// 获取动态Id
			async myUser(){
				const userId = await userID()
				console.log('获取信息成功myorder',userId);
				return userId
			},
			// 总业绩
			async getAchievementNum(){
				const userId = await this.myUser()
				achievementNum(userId).then(res=>{
					console.log('请求成功总业绩',res);
					 this.achievementnum = res
				})
			},
			// 总人数
			async getPeopleNum(){
				const userId = await this.myUser()
				peopleNum(userId).then(res=>{
					console.log('请求成功总人数',res);
					 this.peoplenum = res
				})
			},
			// 团队渠道占比
			async getteamChannelsNum(){
				const userId = await this.myUser()
				teamChannelsNum(userId).then(res=>{
					console.log('请求成功团队渠道占比',res);
					 this.teamChannelsnum = res
				})
			},
			
			
			
			
			orderList() {
			  this.$tab.navigateTo('/pages/mine/order/order')
			},
			orderinvite() {
			  this.$tab.navigateTo('/pages/mine/inviter/inviter')
			},
			queryOrder() {
			  this.$tab.navigateTo('/pages/mine/queryOder/queryOder')
			},
			wallet() {
			  this.$tab.navigateTo('/pages/mine/benefits/benefits')
			},
			clickBannerItem(item) {
			  console.info(item)
			},
			changeSwiper(e) {
			  this.current = e.detail.current
			},
			
		}
	}
</script>
<style>
	@import url("../common/common.css");
</style>
<style lang="scss">
	uni-page-body, uni-page-refresh{
		display: inline;
	}
	.page {
	  background-color: rgba(7, 12, 28, 1);
	  position: relative;
	  width: 375px;
	  height: 812px;
	  overflow: hidden;
	}
	
	.box_1 {
	  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2b6e5165d8d7c2e1e804133bab1546d30f33b4fa0528b4c640f8e0b687879f24)
	    100% no-repeat;
	  background-size: 100% 100%;
	}
	
	.box_2 {
	  padding: 16px 0 17px 0;
	}
	
	.box_3 {
	  margin: 0 11px 0 17px;
	}
	
	.text_1 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 15px;
	  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 18px;
	}
	
	.thumbnail_1 {
	  width: 17px;
	  height: 11px;
	  margin: 4px 0 3px 223px;
	}
	
	.thumbnail_2 {
	  width: 15px;
	  height: 11px;
	  margin: 3px 0 4px 6px;
	}
	
	.image_1 {
	  width: 25px;
	  height: 12px;
	  margin: 3px 0 3px 7px;
	}
	
	.nav-bar_1 {
	  margin-top: 10px;
	  padding: 7px 295px 6px 14px;
	}
	
	.text_2 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 22px;
	  font-family: PingFangSC-Semibold;
	  font-weight: 600;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 30px;
	}
	
	.box_4 {
	  width: 347px;
	  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3e878fca0f032d74bbe127cde4a7025fe2d79b9275ddaceb40fd69273fddab0c)
	    100% no-repeat;
	  background-size: 100% 100%;
	  align-self: center;
	  margin-top: 11px;
	  padding-top: 15px;
	}
	
	.image-text_1 {
	  width: 178px;
	  margin: 0 155px 0 14px;
	}
	
	.single-avatar_1 {
	  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/b003c5c7ed0e4014ace28b7e6cde7515_mergeImage.png);
	  border-radius: 50%;
	  width: 48px;
	  height: 48px;
	}
	
	.text-group_1 {
	  margin: 4px 0 3px 0;
	}
	
	.text_3 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 20px;
	  margin-right: 36px;
	}
	
	.text_4 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 17px;
	  margin-top: 4px;
	}
	
	.group_1 {
	  background-color: rgba(255, 255, 255, 0.08);
	  border-radius: 25px;
	  width: 347px;
	  margin-top: 12px;
	  padding: 9px 77px 13px 20px;
	}
	
	.text-group_2 {
	  position: relative;
	  padding: 37px 51px 0 1px;
	}
	
	.text_5 {
	  overflow-wrap: break-word;
	  color: rgba(192, 192, 192, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 17px;
	}
	
	.text_6 {
	  position: absolute;
	  left: 0;
	  top: 0;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 26px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 40px;
	}
	
	.text-group_3 {
	  position: relative;
	  padding: 37px 41px 0 1px;
	}
	
	.text_7 {
	  overflow-wrap: break-word;
	  color: rgba(192, 192, 192, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 17px;
	}
	
	.text_8 {
	  position: absolute;
	  left: 0;
	  top: 0;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 26px;
	  font-family: PingFangSC-Semibold;
	  font-weight: 600;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 40px;
	}
	
	.box_5 {
	  background-color: rgba(255, 255, 255, 0.12);
	  border-radius: 12px;
	  width: 347px;
	  border: 0.3px solid;
	  align-self: center;
	  margin-top: 16px;
	  padding: 9.7px 18.7px 19.7px 9.7px;
	}
	
	.text_9 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 20px;
	  margin-right: 262px;
	}
	
	.grid_1 {
	  width: 308px;
	  height: 90px;
	  flex-wrap: wrap;
	  margin: 12px 0 0 10px;
	}
	
	.text-group_4-0 {
	  position: relative;
	  width: 24px;
	  height: 34px;
	  margin: 0 51px 22px 0;
	}
	
	.text_9-0 {
	  position: absolute;
	  left: -22px;
	  top: -32px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 20px;
	}
	
	.text_10-0 {
	  width: 48px;
	  overflow-wrap: break-word;
	  color: rgba(159, 159, 159, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	}
	
	.text_11-0 {
	  width: 39px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 16px;
	  align-self: center;
	  margin-top: 6px;
	}
	
	.text-group_4-1 {
	  position: relative;
	  width: 24px;
	  height: 34px;
	  margin: 0 51px 22px 0;
	}
	
	.text_10-1 {
	  width: 48px;
	  overflow-wrap: break-word;
	  color: rgba(159, 159, 159, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	}
	
	.text_11-1 {
	  width: 39px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 16px;
	  align-self: center;
	  margin-top: 6px;
	}
	
	.text-group_4-2 {
	  position: relative;
	  width: 24px;
	  height: 34px;
	  margin: 0 51px 22px 0;
	}
	
	.text_10-2 {
	  width: 48px;
	  overflow-wrap: break-word;
	  color: rgba(159, 159, 159, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	}
	
	.text_11-2 {
	  width: 39px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 16px;
	  align-self: center;
	  margin-top: 6px;
	}
	
	.text-group_4-3 {
	  position: relative;
	  width: 24px;
	  height: 34px;
	  margin: 0 51px 22px 0;
	  margin-right: 0;
	}
	
	.text_10-3 {
	  width: 48px;
	  overflow-wrap: break-word;
	  color: rgba(159, 159, 159, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	}
	
	.text_11-3 {
	  width: 39px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 16px;
	  align-self: center;
	  margin-top: 6px;
	}
	
	.text-group_4-4 {
	  position: relative;
	  width: 24px;
	  height: 34px;
	  margin: 0 51px 22px 0;
	  margin-bottom: 0;
	}
	
	.text_10-4 {
	  width: 48px;
	  overflow-wrap: break-word;
	  color: rgba(159, 159, 159, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	}
	
	.text_11-4 {
	  width: 39px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 16px;
	  align-self: center;
	  margin-top: 6px;
	}
	
	.text-group_4-5 {
	  position: relative;
	  width: 24px;
	  height: 34px;
	  margin: 0 51px 22px 0;
	  margin-bottom: 0;
	}
	
	.text_10-5 {
	  width: 48px;
	  overflow-wrap: break-word;
	  color: rgba(159, 159, 159, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	}
	
	.text_11-5 {
	  width: 39px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 16px;
	  align-self: center;
	  margin-top: 6px;
	}
	
	.text-group_4-6 {
	  position: relative;
	  width: 24px;
	  height: 34px;
	  margin: 0 51px 22px 0;
	  margin-bottom: 0;
	}
	
	.text_10-6 {
	  width: 48px;
	  overflow-wrap: break-word;
	  color: rgba(159, 159, 159, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	}
	
	.text_11-6 {
	  width: 39px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 16px;
	  align-self: center;
	  margin-top: 6px;
	}
	
	.text-group_4-7 {
	  position: relative;
	  width: 24px;
	  height: 34px;
	  margin: 0 51px 22px 0;
	  margin-right: 0;
	  margin-bottom: 0;
	}
	
	.text_10-7 {
	  width: 48px;
	  overflow-wrap: break-word;
	  color: rgba(159, 159, 159, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	}
	
	.text_11-7 {
	  width: 39px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 16px;
	  align-self: center;
	  margin-top: 6px;
	}
	
	.chart_1 {
	  background-color: rgba(255, 255, 255, 0.12);
	  border-radius: 12px;
	  position: relative;
	  width: 347px;
	  border: 0.3px solid;
	  align-self: center;
	  margin-top: -1px;
	  padding: 15.7px 9.7px 21.7px 9.7px;
	}
	
	.tabs_1 {
	}
	
	.group_2 {
	  width: 327px;
	}
	
	.text-wrapper_1 {
	  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngee6ccfd417cd258baf63778054fc4be4b1d00188cdef6f5b843ab1f49936ddc9)
	    100% no-repeat;
	  background-size: 100% 100%;
	  padding: 6px 15px 6px 15px;
	}
	
	.text_12 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 20px;
	}
	
	.text-wrapper_2 {
	  background-color: rgba(255, 255, 255, 0.18);
	  border-radius: 16px;
	  padding: 6px 15px 6px 15px;
	}
	
	.text_13 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 20px;
	}
	
	.text-wrapper_3 {
	  background-color: rgba(255, 255, 255, 0.18);
	  border-radius: 16px;
	  padding: 6px 15px 6px 15px;
	}
	
	.text_14 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 20px;
	}
	
	.text-wrapper_4 {
	  background-color: rgba(255, 255, 255, 0.18);
	  border-radius: 16px;
	  padding: 6px 15px 6px 15px;
	}
	
	.text_15 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 20px;
	}
	
	.box_6 {
	  width: 318px;
	  margin: 18px 7px 0 2px;
	}
	
	.text_16 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 10px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 10px;
	}
	
	.image_2 {
	  width: 291px;
	  height: 1px;
	  margin: 5px 0 4px 0;
	}
	
	.box_7 {
	  width: 318px;
	  margin: 13px 7px 0 2px;
	}
	
	.text_17 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 10px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 10px;
	}
	
	.image_3 {
	  width: 291px;
	  height: 1px;
	  margin: 5px 0 4px 0;
	}
	
	.box_8 {
	  width: 318px;
	  margin: 13px 7px 0 2px;
	}
	
	.text_18 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 10px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 10px;
	}
	
	.image_4 {
	  width: 291px;
	  height: 1px;
	  margin: 5px 0 4px 0;
	}
	
	.box_9 {
	  width: 318px;
	  margin: 13px 7px 0 2px;
	}
	
	.text_19 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 10px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 10px;
	}
	
	.image_5 {
	  width: 291px;
	  height: 1px;
	  margin: 5px 0 4px 0;
	}
	
	.box_10 {
	  width: 319px;
	  margin: 13px 7px 0 1px;
	}
	
	.text_20 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 10px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 10px;
	}
	
	.image_6 {
	  width: 291px;
	  height: 1px;
	  margin: 5px 0 4px 0;
	}
	
	.text_21 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 10px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 10px;
	  margin: 14px 310px 0 2px;
	}
	
	.box_11 {
	  width: 318px;
	  margin: 13px 6px 0 3px;
	}
	
	.text_22 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 10px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 10px;
	}
	
	.image_7 {
	  width: 292px;
	  height: 1px;
	  margin: 5px 0 4px 0;
	}
	
	.text-wrapper_5 {
	  width: 287px;
	  margin: 3px 6px 0 34px;
	}
	
	.text_23 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 8px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 8px;
	}
	
	.text_24 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 8px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 8px;
	}
	
	.text_25 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 8px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 8px;
	}
	
	.text_26 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 8px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 8px;
	}
	
	.text_27 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 8px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 8px;
	}
	
	.text_28 {
	  overflow-wrap: break-word;
	  color: rgba(195, 195, 195, 1);
	  font-size: 8px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 8px;
	}
	
	.box_12 {
	  height: 41px;
	  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7ac99abf71a1181b2d196064a4cd896f6ab21425040839271e17917ce43725bd)
	    100% no-repeat;
	  background-size: 100% 100%;
	  width: 292px;
	  position: absolute;
	  left: 39px;
	  top: 170px;
	  padding: 17px 1px 23px 0;
	}
	
	.image_8 {
	  width: 291px;
	  height: 1px;
	}
	
	.group_3 {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 292px;
	  height: 20px;
	  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng929b0fab6ab1af6323325bf7ca3592ecb38f7a25b9fc3267434e1f16c16ea6ac) -1px -1px
	    no-repeat;
	  background-size: 294px 22px;
	}
	
	.image_9 {
	  position: absolute;
	  left: 64px;
	  top: 3px;
	  width: 1px;
	  height: 38px;
	}
	
	.block_1 {
	  background-color: rgba(255, 255, 255, 1);
	  border-radius: 50%;
	  position: absolute;
	  left: 61px;
	  top: 0;
	  width: 7px;
	  height: 7px;
	  border: 2px solid rgba(141, 105, 255, 1);
	}
	
	.text-wrapper_6 {
	  height: 16px;
	  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb691ed1401aa57fe9ae73e3468e49447d5b239d16696b4244e0fcb9bf7220022)
	    100% no-repeat;
	  background-size: 100% 100%;
	  width: 40px;
	  position: absolute;
	  left: 91px;
	  top: 151px;
	  padding: 2px 14px 4px 14px;
	}
	
	.text_29 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 10px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 10px;
	}
	
	.tab-bar_1 {
	  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9402a950be7f119625743c7d1f72bf77fce5bffd7ad2659fc6d141fc7cff5908)
	    100% no-repeat;
	  background-size: 100% 100%;
	  margin-top: 48px;
	  padding: 10px 51px 8px 53px;
	}
	
	.section_1 {
	  width: 271px;
	}
	
	.tab-bar-item_1 {
	  margin-top: 2px;
	}
	
	.icon_1 {
	  width: 20px;
	  height: 20px;
	}
	
	.text_30 {
	  overflow-wrap: break-word;
	  color: rgba(85, 86, 101, 1);
	  font-size: 9px;
	  font-family: PingFangSC-Semibold;
	  font-weight: 600;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 9px;
	  align-self: center;
	  margin-top: 5px;
	}
	
	.tab-bar-item_2 {
	}
	
	.icon_2 {
	  width: 19px;
	  height: 22px;
	}
	
	.text_31 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 9px;
	  font-family: PingFangSC-Semibold;
	  font-weight: 600;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 9px;
	  margin: 5px 1px 0 0;
	}
	
	.tab-bar-item_3 {
	}
	
	.icon_3 {
	  width: 22px;
	  height: 22px;
	}
	
	.text_32 {
	  overflow-wrap: break-word;
	  color: rgba(85, 86, 101, 1);
	  font-size: 9px;
	  font-family: PingFangSC-Semibold;
	  font-weight: 600;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 9px;
	  align-self: center;
	  margin-top: 5px;
	}
	
	.section_2 {
	  width: 134px;
	  align-self: center;
	  margin-top: 24px;
	}
	
	.home-indicator_1 {
	  background-color: rgba(255, 255, 255, 1);
	  border-radius: 100px;
	  width: 134px;
	  height: 5px;
	}
	


</style>
